import React from 'react'
import { Spin } from 'antd'
import { LoadingOutlined } from '@ant-design/icons'
import styled from 'styled-components'

export default function Loading() {
    const Div = styled.div`
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100%;

    `
    const antIcon = (
        <LoadingOutlined
            style={{
                fontSize: 24,
            }}
            spin
        />
    );
    return (
        <Div>
            <Spin indicator={antIcon} />
        </Div>
    )
}
